
/** Common **/
body {
    background: url("../images/common/bodybg.jpg") no-repeat fixed top center #000000;
    font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial ,Helvetica , sans-serif;
    text-shadow: 0 0 4px #444444;
    font-size: 14px;
}

body.ie-6 {
    font-family:Arial, sans-serif;
}

a {
    text-decoration:none;
    color:#FFFFFF;
}

h1, h2, h3 {
    font-family: "Times New Roman", Times, serif;
}

#main-container h1 {
    font-size: 20px;
    font-weight: bold;
}

#main-container h2 {
    font-size: 18px;
    font-weight: bold;
}

#main-container h3 {
    font-size: 16px;
    font-weight: bold;
}

#site-desc {
    color:#DDDDDD;
    font-size:14px;
    line-height: 22px;
}

#site-rss a {
    background:url("../images/common/whitetrans.png") repeat scroll 0 0 transparent;
}

#site-rss a:hover {
    background:url("../images/common/blacktrans.png") repeat scroll 0 0 transparent;
    color: #a8ef9d;
}

#site-rss span {
    background:url("../images/icon/rsstrans.png") no-repeat scroll left 4px;
}

#main-container {
    line-height: 1.4;
    color: #fff;
}

#main-container h1 {
    font-size: 22px;
}

#main-container h2 {
    font-size: 18px;
}

#main-container h3 {
    font-size: 16px;
}

#main-container a {
    color: #ffcd63;
}

#footer {
    font-size:12px;
    color: #aaa;
}
#footer a {
    color: #ddd;
}

/** Site-navigation **/
#site-navigation {
    background:url("../images/common/blacktrans.png") repeat scroll 0 0 transparent;
}

#site-navigation li, #site-navigation li.has-children ul {
    background:url("../images/common/blacktrans.png") repeat scroll 0 0 transparent;
}

#site-navigation li a {
    font-size:12px;
}

#site-navigation li a:hover, #site-navigation li a.current {
    color: #afdaff;
}

#site-navigation li.has-children li {
    background:url("../images/common/blacktrans3.png") repeat scroll 0 0 transparent;
}

/** Setting navigation **/
#setting-navigation {
    background:url("../images/common/blacktrans2.png") repeat scroll 0 0 transparent;
}

#setting-navigation li {
    background:url("../images/common/whitetrans.png") repeat scroll 0 0 transparent;
}

#setting-navigation li a {
    font-size:12px;
}

#setting-navigation li a:hover, #setting-navigation li a.current {
    color: #afdaff;
}

/** Setting **/
#setting-page-title {
    font-size: 22px;
    font-weight: bold;
    color: #a8ef9d;
}

#setting-page-header.has-icon {
    border-bottom:solid 2px #F3FF96;
}

#setting-main-content h3 {
    font-size: 18px;
    font-weight: bold;
    color: #F3FF96;
}


/** widget **/
#foot-sidebar {
    background:url("../images/common/blacktrans.png") repeat scroll 0 0 transparent;
}

.widget {
    line-height: 1.4;
    background:url("../images/common/blacktrans.png") repeat scroll 0 0 transparent;
    color: #fff;
}

.widget a {
    color: #a8ef9d;
}

.widget-content {
    font-size: 13px;
}

.widget-content ul {
    list-style:none;
}

#foot-sidebar .widget-header {
    color: #F3FF96;
}

#right-sidebar .widget-header {
    background:url("../images/common/blacktrans.png") repeat scroll 0 0 transparent;
}

/** Form **/
.form-container {
    border:solid 1px #06323b;
    background:url("../images/common/blacktrans.png") repeat scroll 0 0 transparent;
}

.form-button {
    background:url("../images/common/blacktrans.png") repeat scroll 0 0 transparent;
    border:none;
    color: #aaa;
}

.form-button.hover {
    background:url("../images/common/whitetrans.png") repeat scroll 0 0 transparent;
    color: #eee;
}

.form-label {
    font-weight: normal;
    color: #ffc575;
}

.form-textbox, .form-textarea {
    border: solid 1px #06323b;
    color: #4796cf;
}

.form-textbox.focus, .form-textarea.focus {
    border: solid 1px #F3FF96;
    color: #06323b;
}

.form-error, .form-error.focus {
    color: #ff4d4a;
    font-style:italic;
}

.form-description {
    font-size: 11px;
    font-style: italic;
    color: #F3FF96;
}

.form-controller a {
    background: url("../images/common/blacktrans.png") repeat scroll 0 0 transparent;
    border: none;
    color: #aaa !important;
    font-size: 12px;
}

.form-controller a:hover {
    background:url("../images/common/whitetrans.png") repeat scroll 0 0 transparent;
    border:none;
    color: #eee !important;
}

/** Page Json **/
.pagejson-main-header {
    font-family: "Times New Roman", Times, serif;
    font-size: 24px;
    color: #AFDAFF;
    background:url("../images/common/blacktrans.png") repeat scroll 0 0 transparent;
}

.pagejson-control a {
    background:url("../images/common/blacktrans.png") repeat scroll 0 0 transparent;
    border:none;
    color: #aaa !important;
    font-size: 12px;
}

.pagejson-control a:hover {
    background:url("../images/common/whitetrans.png") repeat scroll 0 0 transparent;
    border:none;
    color: #eee !important;
}

.pagejson-pagination {
    background:url("../images/common/blacktrans2.png") repeat scroll 0 0 transparent;
}

.pagejson-pagination a {
    color: #ffcd63;
}

/** Note **/
.note-detail {
    background:url("../images/common/whitetrans.png") repeat scroll 0 0 transparent;
    font-size: 11px;
    font-style:italic;
}

.note-author {
    color: #F3FF96;
}

.form-note-info, .form-note-sticky {
    font-size: 11px;
    color: #F3FF96;
    font-style:italic;
}

/** Personal info **/
#personal-info h3,
#interests h3,
#certifications h3,
#papers h3,
#projects h3,
#academics h3{
    font-size: 24px;
    color: #AFDAFF;
    background:url("../images/common/blacktrans.png") repeat scroll 0 0 transparent;
}

#papers h4,
#projects h4 {
    color: #a8ef9d;
    font-family: serif;
    font-weight: bold;
    font-size: 18px;
}

/** Pages **/
.page-detail {
    background:url("../images/common/whitetrans.png") repeat scroll 0 0 transparent;
    font-size: 11px;
    font-style:italic;
}

.page-author {
    color: #F3FF96;
}

#owl-page-title h2 {
    font-size: 24px;
    color: #AFDAFF;
    background:url("../images/common/blacktrans.png") repeat scroll 0 0 transparent;
}

h3#advance-toggle {
    color: #F3FF96;
}

#advance-container {
    border:solid 1px #06323b;
    background:url("../images/common/blacktrans.png") repeat scroll 0 0 transparent;
}

#button-container {
    border-top:solid 1px #F3FF96;
}

.page-control .info-extra {
    font-size: 11px;
}

/** jTable **/
.jtable {
    border: solid 1px #014250;
    font-size: 12px;
}

.jtable th {
    background: transparent url("../images/common/blacktrans2.png") repeat center center;
    color: #fff;
}

.jtable td {
    border-top: solid 1px #014250;
}

.jtable .selected td {
    background: transparent url("../images/common/blacktrans.png") repeat center center;
    color: #afdaff;
}

.jtable tfoot td {
    background: transparent url("../images/common/blacktrans2.png") repeat center center;
    border-top: solid 1px #014250;
}

.jtable tfoot td a {
    color: #fff;
}

/** Theme **/
#current-theme {
    border-bottom:solid 1px #F3FF96;
}

#theme-list td {
    border-bottom:dashed 1px #F3FF96;
}

/** Others **/
.ajax-error {
    border: 1px solid #cd0a0a;
    background: url(../images/common/blacktrans.png) 50% 50% repeat;
    color: #cd0a0a;
}

.ajax-success {
    border: 1px solid #F3FF96;
    background: url(../images/common/whitetrans.png) 50% 50% repeat-x;
    color: #F3FF96;
}

.info-extra.add {
    background: transparent url('../images/icon/add.png') no-repeat center left;
}

.info-extra.delete {
    background: transparent url('../images/icon/delete.png') no-repeat center left;
}

.info-extra.edit {
    background: transparent url('../images/icon/edit.png') no-repeat center left;
}